$(function () {
    // 1.渲染评论列表数据
    //获取数据
    let page = 1
    let perpage = 10
    function init() {
        //发送请求
        // 请求地址：/admin/comment/search
        // 请求方式：get
        $.ajax({
            url: bignew.comment_search,
            data: {
                page,
                perpage,
            },
            dataType: 'json',
            success: function (res) {
                // console.log(res);
                if (res.code == 200) {
                    const renderRes = template('commentListTem', res.data)
                    $('tbody').html(renderRes)
                    //调用setPage函数，生成分页结构，实参：后台总页数
                    setPage(res.data.totalPage)
                }
            }
        })
    }
    init()
    // 2.html中设置渲染引擎模板

    //3.生成分页结构 
    function setPage(total) {
        $('#pagination').bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            //设置当前页
            currentPage: page,
            //设置总页数，总页数不能为0
            totalPages: total == 0 ? 1 : total,   //原来是totalPages:total
            onPageClicked: function (event, originalEvent, type, cpage) {
                // console.log(cpage);  //1 2 3为当前点击的页码
                // 如何获取 点击当前的页码 显示对应的数据？
                //用当前点击的页码  设置全局的页码
                page = cpage;
                //ajax重新发送请求，获取并渲染当前页码的数据
                init();
            }
        })
    }

    // 7.批准、拒绝、(删除)功能的封装
    //三者数据差异  id,url
    function opt(id, url) {
        $.ajax({
            // 请求地址：/admin/comment/pass
            // 请求方式：post
            type: 'post',
            url: url,
            data: { id },
            dataType: 'json',
            success: function (res) {
                console.log(res);
                if (res.code == 200) {
                    //弹出提示
                    alert(res.msg);
                    //刷新列表数据
                    init();
                }
            }
        })
    }

    // 4.批准功能
    $('tbody').on('click', '.btn-accept', function () {
        //4.1获取数据
        let id = $(this).data().id
        opt(id, bignew.comment_pass)
        // console.log(id);
        //4.2发送请求
        // $.ajax({
        //     // 请求地址：/admin/comment/pass
        //     // 请求方式：post
        //     type: 'post',
        //     url: bignew.comment_pass,
        //     data: { id },
        //     dataType: 'json',
        //     success: function (res) {
        //         console.log(res);
        //         if (res.code == 200) {
        //             //弹出提示
        //             alert(res.msg);
        //             //刷新列表数据
        //             init();
        //         }
        //     }
        // })
    })
    // 5.拒绝功能
    $('tbody').on('click', '.btn-reject', function () {
        //获取数据
        let id = $(this).data().id
        opt(id, bignew.comment_reject)
        // console.log(id);
        // 发送请求
        // $.ajax({
        //     // 请求地址：/admin/comment/reject
        //     // 请求方式：post
        //     type: 'post',
        //     url: bignew.comment_reject,
        //     data: { id },
        //     dataType: 'json',
        //     success: function (res) {
        //         console.log(res);
        //         if (res.code == 200) {
        //             //弹出提示
        //             alert(res.msg);
        //             //刷新列表数据
        //             init();
        //         }
        //     }
        // })
    })
    //6.删除功能
    $('tbody').on('click', '.btn-delete', function () {
        console.log(3);
        //获取数据
        let id = $(this).data().id
        // opt(id, bignew.comment_delete)
        // 发送请求
        if (confirm('确定要删除该评论吗?')) {
            $.ajax({
                // 请求地址：/admin/comment/delete
                // 请求方式：post
                type: 'post',
                url: bignew.comment_delete,
                data: { id },
                dataType: 'json',
                success: function (res) {
                    console.log(res);
                    if (res.code == 200) {
                        alert(res.msg);
                        init();
                    }
                }
            })
        }
    })
})//入口函数结束